<template>
<div class="city">

    <cityheader></cityheader>
    <cityhot :hotcitys='hotcitys'
    :num='numcitys'
    :lettercitys='numcitys'></cityhot>
    

</div>
    
</template>
<style scoped>
.city{
    background:#f5f5f5;
    box-sizing: border-box;
   
}
</style>
<script>
import cityheader from './pages/header.vue'
import cityhot from './pages/hot.vue'





export default {

    components:{
        cityheader,
        cityhot

    },data(){
        return{
            hotcitys:[],
            numcitys:[]
        }
    },mounted(){
        this.$http.get('/api/mock/allCity.json')
        .then((res)=>{
            let data=res.data;
            this.hotcitys=data.hotCityList;
            this.numcitys=data.cityList;
            
            
        })
    },computed:{

    }

    
}
</script>